<template>
  <div class="top">
      <div class="imgbox">
          <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
              <van-swipe-item>
                  <img src="/swipe/swipe (8).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (9).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (10).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (11).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (12).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (13).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (14).jpg">
              </van-swipe-item>
          </van-swipe>
      </div>
  </div>
</template>

<script>
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);
export default {

}
</script>

<style scoped>
.top{
  width:100%;
  height:1.6rem;
  background-color: #1aad67;
  /* border:1px solid black; */
  background-image: linear-gradient(#1aad67 50%,#f2f2f2 50%);
  position: relative;
  margin-top:0.51rem
}
.imgbox{
  width:3.4rem;
  height:1.5rem;
  margin:auto;
}
.my-swipe .van-swipe-item {
    color: #fff;
    width:3.4rem;
    height:1.5rem;
    margin:auto
    /* font-size: 20px;
    line-height: 150px; */
    /* text-align: center;
    background-color: #39a9ed; */
  }
img{
  width:3.4rem;
  height:1.5rem;
  display: block;
}
</style>